.pages{text-align:center;margin-top:50px;}
.pages a{width:40px;height:40px;display:inline-block;border:1px solid #d9d9d9;border-radius: 2px;-webkit-border-radius: 2px;color:#888;font-size:14px;margin:0 5px;line-height:40px;}
.pages a:hover,.pages a.on{background:#ed5019;color:#fff;}
.video-banner {/*  position: relative; height: 0; width: 100%; padding-bottom: 47.9166667%;  */}
.video-banner .video { position: relative;  width: 100%;  object-fit: fill; display: block;}
.img-banner { position: relative; }
.img-banner .video { height: 100%; width: 100%; top: 0; left: 0; }
.img-banner img { width: 100%; height: 100%; }
.home-news { margin-bottom: 110px; }
.home-news .title { margin: 75px 0 45px; }
.home-news .title h2 { font-size: 40px; color: #000; line-height: 40px; }
.home-news .title .more { display: inline-block; line-height: 40px; }
.home-news .title .more .line { width: 32px; height: 2px; background: #cccccc; display: inline-block; vertical-align: middle; margin-right: 10px; }
.home-news .title .more span { vertical-align: middle; font-size: 13px; color: #111111; text-transform: uppercase; font-weight: bold; }
.home-news .title .more:hover span { color: #afafaf; }
.home-news .title .more:hover .line { width: 20px; }
.home-news .news-list { margin: 0 -17.5px; }
.home-news .news-list li { width: 33.3333333%; float: left; padding: 0 17.5px; }
.home-news .news-list li .pic { overflow: hidden; width: 100%; height: 0; padding-bottom: 56.09756097560976%; background-color: #f5f5f5; }
.home-news .news-list li .con { background: #f5f5f5; padding: 25px 20px 25px 35px; }
.home-news .news-list li .con h2 { font-size: 22px; font-family: "Microsoft JhengHei"; height: 60px; line-height: 1.364; color: #515151; font-weight: bold; }
.home-news .news-list li .con span { display: inline-block; font-size: 15px; color: #999; text-transform: uppercase; line-height: 2; font-family: "Microsoft JhengHei"; margin: 5px 0 0px; width: 100%; text-align: right; }
.home-news .news-list li .con p { font-size: 15px; color: #666; height: 60px; text-transform: uppercase; line-height: 2; font-family: "Microsoft JhengHei"; }
.home-news .news-list li:hover .con { background: #cccccc; }
.product-banner { width: 100%; height: 100%; }
.product-banner .swiper-container { width: 100%; height: 100%; }
.product-banner .swiper-slide { width: 100%; height: 100%; }
.product-banner .swiper-slide img { width: 100%; height: 100%; }
.product-banner .swiper-slide .container { height: 100%; }
.product-banner .swiper-pagination { bottom: 25px; }
.product-banner .swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; border-radius: 50%; opacity: 1; vertical-align: middle; }
.product-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid #fff; background: none; box-sizing: content-box; }
.product-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 10px; }
.product-synopsis { width: 100%; background: #252128; text-align: center; padding: 110px 0 130px; }
.product-synopsis h2 { font-size: 48px; line-height: 48px; color: #f2e802; font-weight: bold; letter-spacing: 10px; text-align: center; font-family:pirulen; margin-left: 10px; }
.product-synopsis .line { display: block; width: 70px; height: 4px; background: #9b999c; margin: 35px auto 30px; }
.product-synopsis p { font-size: 18px; line-height: 2; color: rgba(255, 255, 255, 0.439); text-transform: uppercase; max-width: 800px; margin: 0 auto; font-family:Arial; }
.product-list ul li { width: 50%; float: left; margin-bottom: 30px; }
.product-list ul li .box { width: 50%; float: left; background: #fffffd; padding: 25% 0; position: relative; text-align: center; }
.product-list ul li .pic .country-list{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);box-sizing: border-box;padding: 10%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.product-list ul li .pic .country-list span{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #fff;text-align: left;margin-bottom: 20px;}
.product-list ul li .pic .country-list span img{display: block;height: 20px;width:30px !important;padding:0 !important;margin: 5px 7px 0 0;float: left;position: static !important;}
/* .product-list ul li .pic:hover .country-list{top: 0;} */

.product-list ul li .pic { background: #f5f5f5; overflow: hidden;}
.product-list ul li .pic img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; padding: 10%; }
.product-list ul li .txt { text-align: center; }
.product-list ul li .txt .item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.product-list ul li .txt h2 { font-size: 24px; color: #333; line-height: 24px; letter-spacing: 0.1rem; text-transform: uppercase; margin-left: 0.1rem; text-align: center; }
.product-list ul li .txt p { font-size: 14px; color: #666; line-height: 1.714; text-transform: uppercase; max-width: 250px; margin: 25px auto 25px; min-height: 92px; }
.product-list ul li .txt a { display: block; margin: 0 auto; font-size: 14px; width: 170px; height: 40px; border-radius: 2px; background: #323232; border: 1px solid #323232; line-height: 40px; color: #fff; }
.product-list ul li .txt a:hover { background: none; color: #323232; }
.product-banner .swiper-button-next, .product-banner .swiper-button-prev { width: 83px; height: 26px; background-size: 83px 26px; opacity: 0.5; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.product-banner .swiper-button-prev { background-image: url("../images/icon/product-banner-arrowL.png"); left: 80px; }
.product-banner .swiper-button-next { background-image: url("../images/icon/product-banner-arrowR.png"); left: auto; right: 80px; }
.product-banner .swiper-button-next:hover, .product-banner .swiper-button-prev:hover { opacity: 1; }
.product-detail .product-detail-subnav { width: 100%; height: 53px; background: #000000; position: fixed; top: 90px; padding: 0px 40px; z-index: 20; }
.product-detail .product-detail-subnav .container { position: relative; }
.product-detail .product-detail-subnav .title { color: #fff; font-size: 24px; line-height: 53px; text-transform: uppercase; font-weight: bold; }
.product-detail .product-detail-subnav ul { height: 53px; padding-right: 107px; }
.product-detail .product-detail-subnav ul li { float: left; line-height: 53px; margin-left: 27px; }
.product-detail .product-detail-subnav ul li a { display: block; color: #fff; }
.product-detail .product-detail-subnav .buy { width: 40px; height: 20px; font-size: 12px; color: #fff; text-align: center; line-height: 18px; background: #f2bf00; border: 1px solid #f2bf00; display: block; border-radius: 4px; position: absolute; right: 80px; top: 16px; }
.product-detail .product-detail-subnav .buy:hover { background: none; color: #f2bf00; }
.product-detail .con { width: 100%; min-height: 300px; padding-top: 53px; }
.product-detail .con .item { width: 100%; position: relative; }
.product-detail .con .item img { width: 100%; }
.product-detail .con .item.item-4 .gif { width: 36.5%; /* height: 700px; */ text-align: center; position: absolute; bottom: 0; left: 31.75%; /* margin: 0px 0 0 -375px; */ }
.product-detail .con .item.item-4 .gif .static { position: absolute; max-width: 100%; width: auto; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); }
.product-detail .con .item.item-4 .gif img { max-width: 100%; width: auto; }
.product-detail .con .item.item-4:hover .gif .static { opacity: 1; }
.product-detail .con .item.item-6 .gif { width: 27.2%; /* height: 520px; */ text-align: center; position: absolute; bottom: 0; left: 36.4%; /* margin: 0px 0 0 -260px; */ }
.product-detail .con .item.item-6 .gif .static { position: absolute; max-width: 100%; width: auto; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); }
.product-detail .con .item.item-6 .gif img { max-width: 100%; width: auto; }
.product-detail .con .item.item-6:hover .gif .static { opacity: 1; }
/*.product-detail .con img { width: 100%; display: block; }*/
.cooperation-banner { width: 100%; height: 565px; }
.cooperation-banner .swiper-container { width: 100%; height: 100%; }
.cooperation-banner .swiper-slide { width: 100%; height: 100%; position: relative; }
.cooperation-banner .swiper-slide .txt { width: 100%; text-align: center; position: absolute; bottom: 60px; }
.cooperation-banner .swiper-slide .txt p { font-size: 24px; color: #fff; line-height: 2.25; font-style: italic; position: relative; display: inline-block; }
.cooperation-banner .swiper-slide .txt p:before, .cooperation-banner .swiper-slide .txt p:after { content: ""; width: 43px; height: 2px; background: #fff; display: inline-block; position: absolute; top: 50%; margin-top: -1px; }
.cooperation-banner .swiper-slide .txt p:before { margin-right: 15px; left: -60px; }
.cooperation-banner .swiper-slide .txt p:after { margin-left: 15px; right: -60px; }
.cooperation-banner .swiper-slide .txt h2 { font-size: 50px; color: #fff; line-height: 1.08; }
.cooperation-banner .swiper-slide .txt a { display: inline-block; padding: 0px 34px; height: 44px; border: 1px solid #ffd000; background: #ffd000; text-align: center; line-height: 42px; font-size: 15px; color: #fff; margin: 25px auto 0px; }
.cooperation-banner .swiper-slide .txt a i { margin-right: 10px; font-size: 22px; float: left; margin-top: -1px; }
.cooperation-banner .swiper-slide .txt a span { float: left; }
.cooperation-banner .swiper-slide .txt a:hover { background: none; color: #ffd000; }
.cooperation-banner .swiper-slide .txt a:hover i { color: #ffd000; }
.cooperation-main .bar { width: 100%; height: 100px; background: #fff; margin-bottom: 80px; }
.cooperation-main .bar h2 { float: left; line-height: 100px; font-size: 30px; color: #333333; }
.cooperation-main .bar .search-box { height: 50px; position: relative; margin-top: 25px; }
.cooperation-main .bar .search-box .text { width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background: #eeeeee; border: 0; text-indent: 1.5em; font-size: 14px; color: #333; position: absolute; right: 0px; top: 0; bottom: 0; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.cooperation-main .bar .search-box .btn { width: 50px; height: 50px; border: 0; background-color: #eeeeee; border-radius: 50%; position: relative; }
.cooperation-main .bar .search-box .btn i { display: block; background: url("../images/icon/news-search.png") no-repeat center center; width: 100%; height: 100%; }
.cooperation-main .bar .search-box:hover .text { right: 0; width: 250px; }
.cooperation-main .module .left { width: 65.77%; height: 380px; }
.cooperation-main .module .left .pic { width: 52.045%; height: 100%; position: relative; }
.cooperation-main .module .left .pic img { width: 100%; height: 100%; display: none; }
.cooperation-main .module .left .pic .layer { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
.cooperation-main .module .left .pic .layer .play { display: inline-block; width: 80px; height: 80px; background: url("../images/icon/video.png") no-repeat; position: absolute; top: 50%; left: 50%; margin: -40px 0px 0px -40px; }
.cooperation-main .module .left .pic .layer:hover .play { -webkit-animation: spin 1.3s linear infinite; animation: spin 1.3s linear infinite; }
.cooperation-main .module .left .item { width: 47.955%; height: 100%; background: #fff; }
.cooperation-main .module .left .item:hover { background: #f5f5f5; }
.cooperation-main .item { position: relative; padding: 20px 30px; background: #fff; height: 100%; display: block; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .item * { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .item .tag { font-size: 14px; color: #333; line-height: 2.143; font-weight: bold; display: block; margin-bottom: 20px; }
.cooperation-main .item .tag i { width: 15px; height: 17px; display: block; float: left; margin: 6px 8px 0px 0px; }
.cooperation-main .item .tag i.article { background: url("../images/icon/article.png") no-repeat; }
.cooperation-main .item .tag i.video { background: url("../images/icon/play.png") no-repeat; }
.cooperation-main .item h2 { font-size: 26px; color: #333; font-weight: bold; line-height: 1.385; }
.cooperation-main .item .time { font-size: 15px; color: #999; line-height: 2; margin-bottom: 20px; display: block; }
.cooperation-main .item p { font-size: 15px; color: #666; line-height: 2; text-transform: uppercase; }
.cooperation-main .item .arrow { display: block; width: 0; height: 0; border-width: 15px 20px 15px 0; border-style: solid; border-color: transparent #fff transparent transparent; position: absolute; top: 20px; left: -20px; }
.cooperation-main .item:hover { background: #f5f5f5; }
.cooperation-main .item:hover .arrow { opacity: 0; }
.cooperation-main .module { margin-bottom: 35px; }
.cooperation-main .module .right { width: 31.54%; height: 380px; }
.cooperation-main .module .right .box { width: 100%; height: 100%; background: #333333; padding: 0px 75px 0px 80px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .module .right .box * { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .module .right .box a { width: 100%; height: 100%; }
.cooperation-main .module .right .box .dot { display: block; width: 23px; height: 21px; background: url("../images/icon/dot-white.png") no-repeat; margin-bottom: 15px; }
.cooperation-main .module .right .box h2 { font-size: 24px; color: #ffffff; font-family: "Arial"; font-weight: bold; line-height: 1.227; margin-bottom: 30px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .module .right .box p { font-size: 14px; color: #ffffff; line-height: 1.857; }
.cooperation-main .module .right .box span { font-size: 12px; color: #ffffff; line-height: 1.846; font-family: "Arial"; letter-spacing: 3px; border-bottom: 1px solid #ffffff; padding-bottom: 2px; margin: 40px 0px 0px 3px; display: inline-block; }
.cooperation-main .module .right .box:hover { background: #ffffff; }
.cooperation-main .module .right .box:hover * { color: #333; }
.cooperation-main .module .right .box:hover .dot { background: url("../images/icon/dot-black.png") no-repeat; }
.cooperation-main .module .right .box:hover span { color: #ff0000; border-color: #ff0000; }
.cooperation-main .module3 { height: 795px; }
.cooperation-main .module3 .ad { width: 65.77%; height: 100%; overflow: hidden; position: relative; }
.cooperation-main .module3 .ad * { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.cooperation-main .module3 .ad img { width: 100%; height: 100%; display: none; }
.cooperation-main .module3 .ad .txt { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0; left: 0; text-align: right; padding: 80px 45px 0px 0px; }
.cooperation-main .module3 .ad .txt h2 { font-size: 40px; color: #fff; line-height: 0.9; }
.cooperation-main .module3 .ad .txt .date { font-size: 50px; color: #fff; line-height: 0.72; margin-top: 35px; }
.cooperation-main .module3 .ad .txt .date span { width: 80px; display: inline-block; margin-right: 15px; }
.cooperation-main .module3 .ad .txt .date span sup, .cooperation-main .module3 .ad .txt .date span sub { font-size: 16px; color: #fff; line-height: 1.2; font-weight: bold; }
.cooperation-main .module3 .ad .txt .date span sup { float: left; }
.cooperation-main .module3 .ad .txt .date span i { display: inline-block; width: 19px; height: 41px; background: url("../images/icon/i.png") no-repeat; }
.cooperation-main .module3 .ad:hover .txt { background: rgba(0, 0, 0, 0.5); padding: 120px; }
.cooperation-main .module3 .right { width: 31.54%; height: 100%; }
.cooperation-main .module3 .right .item { height: 380px; margin-bottom: 35px; }
.cooperation-main .module3 .right .item:last-child { margin-bottom: 0px; }
.pantner { padding: 25px 0px 110px 0px; position: relative; }
.pantner h2 { font-size: 30px; color: #333; line-height: 115px; }
.pantner ul { margin: 0 -10px; }
.pantner ul li { width: 25%; height: 160px; padding: 0px 10px; text-align: center; line-height: 160px; float: left; margin-bottom: 20px; }
.pantner ul li .pantner-link { width: 100%; height: 100%; background: #fff; display: block; }
.pantner ul li img { max-width: 90%; max-height: 90%; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; }
.pantner ul li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; }
.det-banner { width: 100%; height: 650px; position: relative; }
.det-banner .container { width: 1300px; }
.det-banner .txt { width: 100%; height: 345px; position: absolute; bottom: 0; left: 0; right: 0; }
.det-banner .txt .container { height: 100%; }
.det-banner .txt p { font-size: 16px; color: #fff; line-height: 2.25; display: inline-block; margin-bottom: 20px; }
.det-banner .txt p i { display: inline-block; width: 22px; height: 2px; background: #ff0000; vertical-align: middle; margin-left: 5px; }
.det-banner .txt h2 { font-size: 50px; color: #fff; line-height: 0.72; margin-bottom: 20px; }
.det-banner .txt span { font-size: 18px; color: #fff; line-height: 2; }
.det-banner .txt span b { font-weight: 400; font-size: 18px; color: #fff; margin-right: 20px; }
.det-con { padding: 70px 0px 115px 0px; font-family: "Microsoft YaHei"; }
.det-con .container { position: relative; width: 1400px; }
.det-con .info { width: 68.572%; }
.det-con .info .det { width: 88.543%; float: right; }
.det-con .info * { font-size: 15px; color: #333; line-height: 2.667; }
.det-con .info .det .title p{font-size: 16px; color: #333; line-height: 2.25; display: inline-block; margin-bottom: 20px;}
.det-con .info .det .title h2{font-size: 30px; color: #333; line-height: 0.65rem;  margin-bottom: 10px;}
.det-con .info .det .title span{font-size: 18px; color: #333; line-height: 2;}
.det-con .info .det .title span b { font-weight: 400; font-size: 18px; color: #333; margin-right: 20px; margin-right: 20px; }
.det-con .info hr { background: #dddddd; }
.det-con .hot-article { width: 25%; }
.det-con .hot-article h2 { border-top: 3px solid #333333; font-size: 16px; font-weight: bold; color: #333; line-height: 56px; width: 100%; }
.det-con .hot-article .hot-list li { margin-bottom: 15px; border-bottom: 1px solid #dddddd; padding-bottom: 15px; width: 100%; }
.det-con .hot-article .hot-list li a { display: block; width: 100%; height: 100%; }
.det-con .hot-article .hot-list li .pic { width: 100%; margin-bottom: 15px; }
.det-con .hot-article .hot-list li .pic img { width: 100%; height: 100%; }
.det-con .hot-article .hot-list li p { font-size: 14px; color: #333; font-weight: bold; line-height: 2.143; margin-bottom: 5px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.det-con .hot-article .hot-list li span { font-size: 15px; color: #666; line-height: 2; text-transform: uppercase; }
.det-con .hot-article .hot-list li:hover p { color: #ff0000; }
.det-con .share { float: left; }
.det-con .share a { font-size: 22px; height: auto; color: #666666; display: block; margin: 0; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.det-con .share a:first-child{ font-size: 24px;}
.det-con .share a:nth-child(2) {position: relative;}
.det-con .share a:nth-child(2) .wechat-code-block{display: none; position: absolute;left:30px;top:-22px;width: 100px;height: 100px;background: url('../images/wechat.jpg');background-size: 100%;}
.det-con .share a:nth-child(2):hover .wechat-code-block{display: block}
.det-con .share a:hover { color: #ff0000; }
.det-con .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { background: none; float: none; padding-left: 0; }
.about-wrap { width: 100%; }
.about-wrap .about-banner { width: 100%; }
.about-wrap .about-banner img { width: 100%; display: block; }
  .about-wrap .about-banner .mobile{display: none;}
.about-contact { width: 100%; background: #fff100; }
.about-contact .container { padding: 140px 0; width: 1080px; }
.about-contact .contact-top { width: 100%; display: block; }
.about-contact .title { font-size: 41px; color: #010101; line-height: 41px; margin-bottom: 35px; letter-spacing: 10px; /*margin-left: 10px; */}
.contact-us p { font-size: 26px; color: #000000; line-height: 1.353; font-family: "Arial"; }
.contact-us a { display: block; font-size: 26px; color: #000000; line-height: 1.353; font-family: "Arial"; margin-top: 120px; }
.contact-form { width: 435px; }
.contact-form .item { width: 100%; margin-bottom: 5px; }
.contact-form .item i { float: left; font-style: normal; }
.contact-form .item i.opacity { opacity: 0; }
.contact-form .item .text { width: 96%; float: right; height: 40px; border: 2px solid #000; background: none; text-indent: 10px; }
.contact-form .item .text.textarea { min-height: 130px; outline: none; resize: none; padding: 10px 0; text-indent: 10px; }
.contact-form .button { width: 145px; height: 40px; background: #000; color: #fff100; float: right; border: 1px solid #fff100; font-size: 14px; font-family: "Arial"; cursor: pointer; }
.contact-form .button:hover { background: none; border-color: #000; color: #000; }
.contact-footer { width: 100%; height: 121px; background: #151515; line-height: 121px; text-align: center; position: relative; }
.contact-footer p { font-size: 18px; color: #fff100; position: absolute; right: 40px; top: 0; }
.swiper-button-prev{left: -50px}
.swiper-button-next{right:-50px}
/* @media screen and (max-width: 1600px) {
  .product-detail .con .item.item-4 .gif {
    width: 550px;
    height: 550px;
    margin: 0px 0 0 -275px;
  }
  .product-detail .con .item.item-6 .gif {
    width: 400px;
    height: 400px;
    margin: 0px 0 0 -200px;
  }
}

@media screen and (max-width: 1440px) {
  .product-detail .con .item.item-4 .gif {
    width: 450px;
    height: 450px;
    margin: 0px 0 0 -225px;
  }
  .product-detail .con .item.item-6 .gif {
    width: 350px;
    height: 350px;
    margin: 0px 0 0 -175px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1280px){
  .product-detail .con .item.item-4 .gif {
    width: 350px;
    height: 350px;
    margin: 0px 0 0 -145px;
  }
  .product-detail .con .item.item-6 .gif {
    width: 250px;
    height: 250px;
    margin: 0px 0 0 -148px;
  }
}
@media screen and (max-width: 980px) {
  .product-detail .con .item.item-4 .gif {
    width: 330px;
    height: 330px;
    margin: 0px 0 0 -145px;
  }
  .product-detail .con .item.item-6 .gif {
    width: 230px;
    height: 230px;
    margin: 0px 0 0 -148px;
  }
} */

@media screen and (max-width:768px) {
  .home-news { margin-bottom: 1.1rem; }
  .home-news .title { margin: 0.35rem 0 0.25rem; }
  .home-news .title h2 { font-size: 0.4rem; }
  .home-news .title .more .line { width: 0.32rem; }
  .home-news .title .more span { font-size: 0.26rem; }
  .home-news .news-list li { width: 100%; margin-bottom: 0.3rem; }
  .home-news .news-list li .con { padding: 0.25rem 0.2rem 0.25rem 0.35rem; }
  .home-news .news-list li .con h2 { height: auto; font-size: 0.32rem; }
  .home-news .news-list li .con span { font-size: 0.24rem; margin: 5px 0 0.15rem; }
  .home-news .news-list li .con p { font-size: 0.28rem; height: auto; }
  .video-banner{height: auto;padding: 0;background: #000;}
  .video-banner .video{display: block;position: relative;height: auto;background: #000;}
  .about-wrap .about-banner .mobile{display: block;}
  .about-wrap .about-banner .pc{display: none;}
  .product-banner { min-height: auto; }
  .product-banner .swiper-pagination { bottom: 0.2rem; }
  .product-synopsis { padding: 0.65rem 0 1rem; }
  .product-synopsis h2 { font-size: 0.48rem; }
  .product-synopsis .line { width: 0.7rem; height: 0.04rem; margin: 0.35rem auto 0.3rem; }
  .product-synopsis p { font-size: 0.28rem; max-width: 90%; }
  .product-list ul li { width: 100%; float: none; margin-bottom: 0; }
  .product-list ul li .box { width: 100%; padding: 0; }
  .product-list ul li .pic { padding: 0; }
  .product-list ul li .pic img { position: static; width: 85%; }
  .product-list ul li .txt .item { position: static; padding: 0.6rem 0; }
  .product-list ul li .txt h2 { font-size: 0.36rem; }
  .product-list ul li .txt p { font-size: 0.28rem; margin: 0.25rem auto 0.35rem; max-width: 85%; }
  .product-list ul li .txt a { width: 2.7rem; height: 0.8rem; font-size: 0.26rem; }
  .product-banner .swiper-button-next, .product-banner .swiper-button-prev { display: none; }
  .product-detail .product-detail-subnav { height: 1.1rem; top: 1.1rem; padding: 0 3%; }
  .product-detail .product-detail-subnav .title { font-size: 0.36rem; }
  .product-detail .product-detail-subnav ul { display: none; }
  .product-detail .product-detail-subnav .buy { right: 3%; }
  .product-detail .con { padding-top: 1.1rem; }

  /* 品牌合作 */
  .cooperation-main .module { margin-bottom: 0; }
  .cooperation-main .module .left { width: 100%; }
  .cooperation-main .module .right { width: 100%; height: auto; margin-top: 20px; }
  .cooperation-main .module .right .box { padding: 20px 25px 30px 30px; }
  .cooperation-main .module2 .right { margin-bottom: 20px; }
  .cooperation-main .module3 { margin-top: 20px; }
  .cooperation-main .module3 .ad { width: 100%; }
  .cooperation-main .module3 .right .item { height: auto; margin-bottom: 20px; }
  .cooperation-main .module3 .right .item:last-child { margin-bottom: 20px; }
  .pantner ul li { width: 33.3333333%; }

  /* 品牌合作 详情 */
  .det-con .share { float: none; }
  .det-con .share a { float: left; margin-right: 30px; }
  .det-con .info .det { width: 100%; float: none; }
  .cooperation-banner { height: 5.5rem; }
  .cooperation-banner .swiper-slide .txt { bottom: 0.6rem; }
  .cooperation-banner .swiper-slide .txt p { font-size: 0.4rem; }
  .cooperation-banner .swiper-slide .txt h2 { font-size: 0.5rem; }
  .cooperation-main .bar { height: 1rem; margin-bottom: 0.6rem; }
  .cooperation-main .bar h2 { font-size: 0.4rem; line-height: 1rem; }
  .cooperation-main .bar .search-box { height: 0.7rem; margin-top: 0.15rem; }
  .cooperation-main .bar .search-box .text { width: 4rem; height: 0.7rem; line-height: 0.7rem; border-radius: 0; }
  .cooperation-main .bar .search-box .btn { width: 0.7rem; height: 0.7rem; padding: 0;}  
  .cooperation-main .bar .search-box:hover .text { width: 4rem; }
  .cooperation-main .bar .search-box .btn i {width: .7rem;height: .7rem; }
  .cooperation-main .module .left { height: auto; width: 100%; }
  .cooperation-main .module .left .pic { width: 100%; height: auto; background: none; }
  .cooperation-main .module .left .pic img { display: block; }
  .cooperation-main .module .left .item { width: 100%; height: auto; }
  .cooperation-main .item .arrow { width: 0; height: 0; border-width: 0px 20px 20px; border-style: solid; border-color: transparent transparent #fff; top: -20px; left: 50%; margin-left: -20px; }
  .cooperation-main .item h2 { font-size: 0.4rem; }
  .cooperation-main .item .time { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .cooperation-main .item p { font-size: 0.3rem; }
  .cooperation-main .module .right .box h2 { font-size: 0.4rem; margin-bottom: 0.3rem; }
  .cooperation-main .module .right .box span { margin-top: 0.3rem; }
  .cooperation-main .module3 { height: auto; }
  .cooperation-main .module3 .ad { height: auto; background: none; }
  .cooperation-main .module3 .ad img { display: block; }
  .cooperation-main .module3 .ad .txt { padding: 0.3rem 0.2rem 0rem 0rem; }
  .cooperation-main .module3 .ad .txt h2 { font-size: 0.5rem; }
  .cooperation-main .module3 .ad .txt p { font-size: 0.3rem; }
  .cooperation-main .module3 .ad .txt .date { font-size: 0.4rem; margin-top: 0.35rem; }
  .cooperation-main .module3 .ad .txt .date span sup, .cooperation-main .module3 .ad .txt .date span sub { font-size: 0.28rem; }
  .pantner { padding-bottom: 0.6rem; }
  .pantner h2 { font-size: 0.4rem; line-height: 1.15rem; }
  .pantner ul li { width: 50%; height: 1.8rem; line-height: 1.8rem; }
  .pantner ul li img { width: 60%; }
  .det-banner { height: 5.5rem; }
  .det-banner .container { width: 94%; }
  .det-banner .txt { height: 3.45rem; }
  .det-banner .txt p { font-size: 0.3rem; }
  .det-banner .txt h2 { font-size: 0.5rem; }
  .det-banner .txt span { font-size: 0.4rem; }
  .det-con { padding: 0.6rem 0rem 0.6rem 0rem; }
  .det-con .container { width: 94%; }
  .det-con .info { width: 100%; }
  .det-con .hot-article { display: none; }
  .det-con .info * { font-size: 0.3rem; }
  .det-con .title { height: 3.45rem; }
  .det-con .info .det .title p { font-size: 0.3rem; }
  .det-con .info .det .title h2 { font-size: 0.5rem; line-height: 1.3}
  .det-con .info .det .title span { font-size: 0.4rem; }
  .about-contact .container { padding: 0.6rem 0; width: 94%; }
  .about-contact .title { font-size: 0.5rem; margin-bottom: 0.35rem; letter-spacing: 0.1rem; margin-left: 0.1rem; }
  .contact-us { float: none; }
  .contact-us p { font-size: 0.36rem; }
  .contact-us a { font-size: 0.36rem; margin-top: 0.2rem; }
  .contact-form { width: 100%; margin: 0 auto; float: none; margin-top: 0.3rem; }
  .contact-form .item i { display: block; float: none; }
  .contact-form .item .text { float: none; width: 100%; border: 0.02rem solid #000; font-size: 0.26rem; }
  .contact-footer { line-height: 0; height: auto; padding: 0.4rem 0 0.5rem; }
  .contact-footer img { width: 2.1rem; margin-bottom: 0.4rem; }
  .contact-footer p { position: static; font-size: 0.3rem; }

/*   .product-detail .con .item.item-4 .gif{ width: 2.8rem; height: 2.8rem; margin: 0px 0 0 -.9rem;}
  .product-detail .con .item.item-6 .gif { width: 1.96rem;height: 1.96rem;margin: 0px 0 0 -1rem;}   */
  
}